<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1" import="businessObject.*,dataTransferObject.*,java.util.*" %>
<%@ page import="data.*,dataTransferObject.*,java.util.TreeSet,java.util.List,java.util.Date;" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Faux Column CSS Layouts - 2 Column - faux-1-2-col</title>

<link rel="stylesheet" type="text/css" href="css/dentro.css" />

<style type="text/css"> a:link { color: "ffd700"; text-decoration:none; }
       </style>
</head>



<body>
<jsp:include page="head.html"></jsp:include>

	 
     		 <%
	      		 	//cambiar para logear sin tener que ingresar
	GestionUsuario pos=GestionUsuario.getInstance();
	Integer us=(Integer)session.getAttribute("session.idusuario");
	Usuario usuario=pos.getUsuarioConAmigos(us);
	      		 %>


   <!-- Begin Wrapper -->

   <div id="wrapper">

           <!-- Begin Header -->

     <div id="header">

	<a href="index.html" id="logo"><img src="images/logo2.gif" width="310" height="114" alt="" title=""></a>

	<ul class="navigation">

		<li class="active"><a href="FrontController?resource=muro.jsp" title="Ir al muro">Muro</a></li>
		<li><a href="FrontController?resource=petmart.jsp" title="Ir a ...">Perfil</a></li>
		<li><a href="FrontController?resource=amigos.jsp" title="Ir a amigos">Amigos</a></li>
		<li><a href="FrontController?resource=lugares.jsp" title="Ir a lugares de interes">Lugares</a></li>
	
	</ul>


	</div>

				 			 

		

		 <!-- End Header -->

		 

         <!-- Begin Faux Columns -->

		 <div id="faux">

		 

		       <!-- Begin Left Column -->

		       <div id="leftcolumn">

		 	<br />

			<br />

			<br />

				
			<IMG SRC="images/<%=usuario.getImagen_de_usuario()%>.jpg" WIDTH=30 HEIGHT=30 BORDER=2  ALIGN="Left">

				<%out.println("Bienvenido " + usuario.getNombre()); %>
			 <br />

			 <br />

			 <br />

		   

			<IMG SRC="images/barraInferior.jpg" WIDTH=195 HEIGHT=10 BORDER=0>     

						

		 	 <br />

			 <br />

		 		

				<p><b>Intereses<b></p>

				
				<%for(String aficion:usuario.getAficiones()){
					
					%>	
					
					<p style="color: #A9A9A9"><%=aficion %></p>
										
				<%}%>



				<br />

				<p><b>Fecha de nacimiento<b></p>

				<p style="color: #A9A9A9"><%=usuario.getFecha_Nacimiento()%></p>

				<br />

				

				<p><b>Animales<b></p>

				

				<%for(Mascota mascota:usuario.getMascotas()){
					
					%>	
					
					<p style="color: #A9A9A9"><%=mascota.getNombre()%> : <%=mascota.getRaza()%></p>
										
				<%}%>

								

		       </div>

		       <!-- End Left Column -->


	<div id="rightcolumn">
    <h1>Faux Column CSS Layouts</h1>
    	 
    <p>
    These 2 Column Faux CSS Layouts use a background image to make it look like the 
    left and right columns are equal in height and independent of each other.
	<br />
	<br />
	Things couldn't be further from the truth. I created a parent column called faux
	and vertically tiled the image, that contained both the left and right child columns. 
	I then vertically tiled the faux background image and voila. 
	<br />
	<br />
	I first found about this method from the <a href="http://www.alistapart.com">
	alistapart site</a> by a guy called <a href="http://simplebits.com/">Dan Cederholm</a>				   
	</p>
	
	<div class="clear"></div>
	</div>
	
	<div class="clear"></div>
</div>

<div id="footer">
	<br></br>- Universidad de Sevilla - 
</div>

</div>
</body>
</html>
